<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name=viewport content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no,viewport-fit=cover">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <link rel="stylesheet" href="./css/index.css">
  <script src="./js/index.js"></script>
  <title></title>
</head>

<body>
  <!-- header -->
  <header>
    <img src="./img/ic_nav_user@2x.png" class="user" alt="" id="userIcon">
    <span>新华医院体检</span>
  </header>

  <!-- banner -->
  <section class="banner">
    <div class="banner-wrap" id="bannerWrap">
      <div class="banner-item"><img src="./img/banner1.png" /></div>
      <div class="banner-item"><img src="./img/banner2.png" /></div>
      <div class="banner-item"><img src="./img/banner1.png" /></div>

    </div>
  </section>

  <!-- siderbar -->
  <div class="sider-cover" id="siderCover">
    <section class="siderbar" id="siderbar">
      <!-- 未登录 -->
      <!-- <div class="guest">
      <a href="#">
        <img src="./img/ic_home_user_login@2x.png" />登录
      </a>
      <a href="#">
        <img src="./img/ic_home_user_register@2x.png" />注册
      </a>
    </div> -->
      <!-- 已登录 -->
      <div class="guest">
        <a href="#">
          <img src="./img/ic_home_user_wdyy@2x.png" />我的预约
        </a>
        <a href="#">
          <img src="./img/ic_home_user_wdbg@2x.png" />我的报告
        </a>
        <a href="#">
          <img src="./img/ic_home_user_jbxx@2x.png" />基本信息
        </a>
        <a href="#">
          <img src="./img/ic_home_user_ttdl@2x.png" />退出登录
        </a>
      </div>
    </section>
  </div>

  <!-- menu -->
  <section class="menu">
    <div class="menu-item">
      <a href="#">
        <img src="./img/ic_home_dwyy@2x.png" alt="">
        <p class="mt10">单位预约</p>
      </a>
    </div>
    <div class="menu-item">
      <a href="#">
        <img src="./img/ic_home_tjxz@2x.png" alt="">
        <p class="mt10">体检须知</p>
      </a>
    </div>
    <div class="menu-item">
      <a href="./kernel-detail.html">
        <img src="./img/ic_home_zxjs@2x.png" alt="">
        <p class="mt10">中心介绍</p>
      </a>
    </div>
    <div class="menu-item">
      <a href="#">
        <img src="./img/ic_home_jtlx@2x.png" alt="">
        <p class="mt10">交通路线</p>
      </a>
    </div>
    <div class="menu-item">
      <a href="#">
        <img src="./img/ic_home_grbg@2x.png" alt="">
        <p class="mt10">个人报告</p>
      </a>
    </div>
  </section>

  <!-- 套餐推荐 -->
  <section class="package-recomand">
    <div class="common-title">套餐推荐</div>
    <ul class="packages">
      <li>
        <a href="./detail.html">
        <img src="./img/A.png" alt="">
        <p class="mt10">A套餐</p>
        <div class="money mt10">
          <span class="money-unit">￥</span>
          <span class="money-price">810.00</span>
        </div>
        </a>
      </li>
      <li>
        <a href="./detail.html">
        <img src="./img/B.png" alt="">
        <p class="mt10">B套餐</p>
        <div class="money mt10">
          <span class="money-unit">￥</span>
          <span class="money-price">1064.00</span>
        </div>
        </a>
      </li>
      <li>
        <a href="./detail.html">
        <img src="./img/C_1.png" alt="">
        <p class="mt10">C套餐（男性）</p>
        <div class="money mt10">
          <span class="money-unit">￥</span>
          <span class="money-price">1410.00</span>
        </div>
        </a>

      </li>
      <li>
        <a href="./detail.html">
        <img src="./img/C_2.png" alt="">
        <p class="mt10">C套餐（已婚女性）</p>
        <div class="money mt10">
          <span class="money-unit">￥</span>
          <span class="money-price">1657.00</span>
        </div>
        </a>
      </li>
    </ul>
  </section>

</body>

</html>